<template>
  <div class="h100vh relative">
    <map2d></map2d>
    <van-action-sheet :overlay="false" v-model:show="showDialog" title="">
      <template #description>
        <div class="flex justify-between items-center  c-#fff bg-#1288f1 contentTitle">
          <div class="text-left font-size-16px font-600">
            <p>
              {{ contentInfo.name || "-" }}
            </p>
            <p>
              <van-tag :type="getHomeworkInformation(contentInfo.data.homeworkStatus).type || 'danger'"> {{
                getHomeworkInformation(contentInfo.data.homeworkStatus).name || "-" }}</van-tag>
            </p>
          </div>
          <div class="font-size-20px w50px" @click="onCancel">
            <van-icon name="cross" />
          </div>
        </div>
      </template>
      <div class="content">
        <div>
          <p><span>申请时间</span>：<span>{{ contentInfo.data.applicationTime || "-" }}</span></p>
          <p><span>作业时间</span>：<span>{{ contentInfo.data.taskTime || "-" }}</span></p>
          <p><span>经纬度</span>：<span>{{ contentInfo.data.latitudeAndLongitude || '-' }}</span></p>
          <p><span>海拔高度</span>：<span>{{ contentInfo.data.posterHeight || "-" }}</span></p>
        </div>
      </div>
    </van-action-sheet>
    <div class="absolute top-70px left-0 w-200px z-25">
      <van-tabs v-model:active="tabsActive" type="card" sticky @click-tab="onClickTab">
        <van-tab title="云顶温度" name="wdwd"></van-tab>
        <van-tab title="黑体亮温" name="htlw"></van-tab>
      </van-tabs>
    </div>
    <div class="absolute bottom-10px left-0 w-100% z-25">
      <RYProgress :stepsData="[{ title: '2024-10-20 12:00:00' }, { title: '2024-10-21 12:00:00' }, {
        title: '2024-10-22 12:00:00'
      }, { title: '2024-10-23 12:00:00' }, { title: '2024-10-24 12:00:00' }, { title: '2024-10-25 12:00:00' }, {
        title: '2024-10-26 12:00:00'
      }]" />
    </div>
  </div>
</template>

<script src="./index.js"></script>


<style lang="scss" scoped>
@forward "./index.scss";;
</style>